﻿<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>Примеры использования библиотеки RaphaelJS</title>
<link rel="stylesheet" type="text/css" href="lib/styles.css"/>
</head>
<body>
	<h1>Примеры использования библиотеки RaphaelJS</h1>
	<h2>Базовая графика</h2>
	<ul>
		<li><a href="pages/randomColors.html">Случайный набор цветов</a></li>
		<li><a href="pages/arcs.html">Отображение дуг</a></li>
		<li><a href="pages/quadraticBezier.html">Квадратичные кривые Безье</a></li>
		<li><a href="pages/cubicBezier.html">Кубические кривые Безье</a></li>
		<li><a href="pages/Catmull-Rom.html">Сплайн Катмулла-Рома</a></li>
		<li><a href="pages/transformations.html">Трансформации объектов</a></li>
		<li><a href="pages/matrix.html">Использование матриц для трансформации объектов</a></li>
		<li><a href="pages/angles.html">Измерение углов</a></li>
		<li><a href="pages/directions.html">Направления и пути</a></li>
		<li><a href="pages/tangent.html">Касательные</a></li>
		<li><a href="pages/rotatingset.html">Поворот составного объекта</a></li>
	</ul>
	
	<h2>Обработка событий</h2>
	<ul>
		<li><a href="pages/drag1.html">Перемещение объектов</a></li>
		<li><a href="pages/dragSets.html">Перемещение групп объектов</a></li>
		<li><a href="pages/dominoes.html">Домино</a></li>
	</ul>
	
	<h2>Анимация</h2>
	<ul>
		<li><a href="pages/anim1.html">Простая анимация</a></li>
		<li><a href="pages/delayedAnimation.html">Анимация с задержкой и повторением</a></li>
		<li><a href="pages/easing1.html">Easing и событие конца анимации</a></li>
		<li><a href="pages/animatingPaths.html">Преобразования кривых</a></li>
		<li><a href="pages/piecewiseAnimations.html">Анимация по частям</a></li>
		<li><a href="pages/metronome.html">Метроном</a></li>
		<li><a href="pages/animatingAlongPath.html">Анимация вдоль пути</a></li>
		<li><a href="pages/tangentRacing.html">Движение по касательной</a></li>
		<li><a href="pages/customEasing.html">Custom Easing Formulas</a></li>
		<li><a href="pages/solarSystem.html">Модель Солнечной Системы</a></li>
	</ul>
	
	<h2>Advanced</h2>
	<ul>
		<li><a href="pages/extRaphael.html">Extending Raphael</a></li>
		<li><a href="pages/intersection.html">Пересечение отрезков</a></li>
		<li><a href="pages/bboxIntersection.html">Пересечение отрезка с прямоугольником</a></li>
		<li><a href="pages/texttransformations.html">Трансформации текста</a></li>
	</ul>
	
	<h2>Ссылки</h2>
	<ul>
		<li>Библиотека RaphaelJS: <a href="http://raphaeljs.com/">http://raphaeljs.com/</a></li>
		<li>Wilson, C. RaphaelJS Graphics and Visualization on the Web. O'Relly, 2013 г.</li>
		<li>Dawber, D. Learning RaphaelJS Vector Graphics. Packt pub., 2013 г.</li>
	</ul>
</body>
</hmtl>